<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    <meta name="keywords" content="淘米网,摩尔庄园,赛尔号,超级拉姆,超能Nono,米米卡,购买米米卡,米币,充值米币" />
    <meta name="description" content="淘米网(www.61.com)是专为中国儿童打造的综合互动娱乐平台，为孩子们提供摩尔庄园、赛尔号、大玩国、哈奇小镇等丰富多彩、健康安全的互动娱乐产品，同时淘米网也是儿童健康安全上网的倡导者。米米卡和米币可以用于支付淘米的收费产品。" />
    <title>米米卡展示  - 淘米网</title>
    <link rel="stylesheet" type="text/css" href="http://res.61.com/css/pay/pay.css" />
    <link rel="stylesheet" type="text/css" href="http://res.61.com/css/pay/pay_pwd.css" />

    <link type="text/css" rel="stylesheet" href="http://res.61.com/css/base.css"  />
    <link type="image/ico" rel="shortcut icon" href="http://www.61.com/favicon.ico" />
    <script src="/js/pay.js" type="text/javascript"></script>
    <script src="http://res.61.com/js/base.js" type="text/javascript"></script>
</head>
<style>
html,body { height:100% }
</style>
<script language="javascript">

var img_list = new Array();
img_list[0] = 'http://res.61.com/img/pay/lack%20forest/688cd07ade172dd09b66b00066b6bd69.jpg';
var now_index = 0;

function btn_style()
{
	if(now_index - 1 < 0)
	{
		$('.card_frmshow').find('#pre').removeClass('btn_pre').addClass('btn_pre_gray');
	}
	else
	{
		$('.card_frmshow').find('#pre').removeClass('btn_pre_gray').addClass('btn_pre');
	}

	if((parseInt(now_index) + 1) >= img_list.length)
	{
		$('.card_frmshow').find('#next').removeClass('btn_next').addClass('btn_next_gray');
	}
	else
	{
		$('.card_frmshow').find('#next').removeClass('btn_next_gray').addClass('btn_next');
	}
}

$(function () {
	var window_width  = $('*').width();
	var window_height = $('*').height();

	$('.card_list').find('a').click(function () {
		var index = now_index = $(this).attr('ln');
		var img_src = img_list[index];
		
		$('.card_bg').css({'width':window_width + 'px','height':window_height + 'px','opacity':'0.5'}).show();
		
		$('.card_frmshow').find('img').attr('src',img_src).load(function () {
			var left = (window_width / 2 - $('.card_frmshow').width() / 2);
			
			$('.card_frmshow').show();
		
			$('.card_frmshow').css('left',left + 'px');
			$('.card_frmshow').css('top','150px');
		});
		
		$('.card_frmshow').find('.btn_off').click(function () { 
			$('.card_frmshow').hide();
			$('.card_bg').hide();
		});
		
		btn_style();
	});
	
	$('.card_frmshow').find('#next').click(function () { 
		now_index   = parseInt(now_index) + 1;
		var img_src = img_list[now_index];

		if (now_index >= img_list.length) 
		{
			alert('这已经是最后一张图片');
			now_index--;
			return ;
		}
		
		$('.card_frmshow').find('img').attr('src',img_src) 
		
		btn_style();
	});
	
	$('.card_frmshow').find('#pre').click(function () { 
		now_index   = parseInt(now_index) - 1
		var img_src = img_list[now_index];
		
		if(now_index < 0) 
		{
			alert('这已经是第一张图片');
			now_index++;
			return ;
		}
		
		$('.card_frmshow').find('img').attr('src',img_src) 
		
		btn_style();
	});
});

</script>
<div class="topbar_b">
    <div class="wrapper_950">

        <a href="http://www.61.com/" title="淘米网(www.61.com)"><img class="left logo" src="http://res.61.com/images/comm/61_logo_b.gif" /></a>

        <div class="left sitename pay"></div>
        <div class="right">
	    <div class="right toplink">
		<a href="#" onclick="window.external.AddFavorite(location.href,document.title);">加入收藏</a>
                &nbsp;&nbsp;|&nbsp;&nbsp;
                <a href="javascript:;" onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://cms.61.com');">设为首页</a>
       </div>
            <ul class="nav">
                <li id="mmcardNav"><a href="index.php?m=mmcard" class="f14b">米米卡</a></li>
                <li id="userNav"><a href="index.php?m=user" class="f14b">我的账户</a></li>
                <li id="serviceNav"><a href="index.php?m=service" class="f14b">开通服务</a></li>

                <li id="buyNav"><a href="index.php?m=buy" class="f14b">账户充值</a></li>
                <li id="indexNav"><a href="index.php" class="f14b">首页</a></li>
            </ul>
        </div>
    </div>
</div>
<div class="wrapper_950">
<div id="pay_left">
    <div class="left_nav">

      <div class="lef_nav_top"></div>
      <ul>
      	<li id=""><a href="./"><img src="http://res.61.com/images/pay/ico_show.gif" />米米卡展示</a></li>
        <li id="balanceSubNav"><a href="/index.php?m=mmcard&a=balance"><img src="http://www.51mole.com/img-taomee/images/web/pay/pay_left_icon_account.gif" />余额查询</a></li>
        <li id="shopSubNav"><a href="/index.php?m=mmcard&a=shop"><img src="http://www.51mole.com/img-taomee/images/web/pay/pay_left_icon_mimi.gif" />最近售卖点</a></li>
        <li id="helpSubNav"><a href="/index.php?m=mmcard&a=help"><img src="http://www.51mole.com/img-taomee/images/web/pay/pay_left_icon_help.gif" />使用帮助</a></li>
      </ul>

      <div class="lef_nav_bottom"></div>
    </div>
    <div class="clear"></div>
    
    <div style="margin-top:15px;"><a href="/index.php?m=mmcard&a=shop"><img alt="我要买卡" src="http://res.61.com/images/pay/pay_btn_buycard.gif" /></a></div>
    <div style="margin-top:15px;"><a href="/index.php?m=mmcard&a=submit_shop"><img alt="我买不到卡" src="http://res.61.com/images/pay/pay_btn_buycard_no.gif" /></a></div>
  </div>
<div id="pay_right">
	<div class="right_title"><img src="http://www.51mole.com/img-taomee/images/web/pay/pay_left_icon_mimi.gif" />米米卡展示</div>

	<div class="right_content">
		<div id="main_content">
			<div class="card_show">
            	<div class="card_nav">
                	<ul>
                    	<li>
                        	<div class="nav_title">摩尔庄园：</div>
                            <div class="nav_list">
                            	                            		<a href="./" class="on">全部</a>
                            		                            																                            		<a href="card_mole_npc.html" >NPC系列</a>
                            																	                            		<a href="card_mole_market.html" >超市专用系列</a>
                            																	                            		<a href="card_mole_forest.html" >黑森林系列</a>
                            																	                            		<a href="card_mole_newterm.html" >新学期系列</a>
                            																	                            		<a href="card_mole_palace.html" >摩尔宫廷系列</a>
                            																	                            		<a href="card_mole_winter.html" >摩尔冬日系列</a>
                            																	                            		<a href="card_mole_lamuchief.html" >拉姆酋长系列</a>
                            									                            </div>
                        	<div class="clear"></div>
                        </li>
                        <li class="noline">
                        	<div class="nav_title">赛尔号：</div>
                            <div class="nav_list">
                            	                            		<a href="./card_seer.html" >全部</a>
                            		                            																                            		<a href="card_seer_sailing.html" >启航系列</a>
                            																	                            		<a href="card_seer_suit.html" >套装系列</a>
                            																	                            		<a href="card_seer_spirit.html" >精灵图鉴系列</a>
                            									                            </div>
                        	<div class="clear"></div>
                        </li>
                    </ul>
                </div>
                <div class="blank_10"></div>
            	<div class="card_list">
                	<ul>
                	                		                	                		                		<li>
	                        	<div class="list_img"><a href="javascript:;" ln="0"><img src="http://res.61.com/img/pay/thumb/a40ea200b4b81cecb2dff674ab462d89.jpg" /></a></div>
	                            <div class="list_text"><a href="javascript:;" ln="0">淘米卡册</a></div>
	                    </li>
						                        <div class="clear"></div>
                    </ul>
                </div>

                <div class="page tac">
										<a href="http://test.pay.61.com/page/card/index_3.html">上一页</a>
																				<a href="http://test.pay.61.com/page/card/index.html" >1</a>
																				<a href="http://test.pay.61.com/page/card/index_2.html" >2</a>
																				<a href="http://test.pay.61.com/page/card/index_3.html" >3</a>
																				<a href="http://test.pay.61.com/page/card/index_4.html" class="on">4</a>
																			</div>
            </div>
            <div class="clear"></div>
		</div>
	</div>

</div>
</div>
<div class="clear"></div>
<div class="card_frmshow" style="display:none;position:absolute;left:0px;top:0px;z-index:200">
	<a href="javascript:;" class="btn_off"></a>
	<img src="" />
    <a href="javascript:;" id="pre" class="btn_pre"></a>
    
    <a href="javascript:;" id="next" class="btn_next"></a>
    
</div>
<div class="clear"></div>
<div class="card_bg"  style="display:none;position:absolute;left:0px;top:0px;background:#000;z-index:100"></div>
<div class="copyright2 wrapper_950">
  <div class="left tar"><a href="http://www.61.com/" target="_blank" title="淘米网"><img src="http://res.61.com/images/comm/taomee_logo.gif" alt="淘米" /></a></div>
  <div class="right tal"><a href="http://www.61.com/about/green.html" target="_blank" title="绿色宣言"><img src="http://res.61.com/images/comm/green_logo.gif" alt="绿色宣言" /></a></div>
  <div class="cont tac">
    <div class="row hgray"> <a href="http://www.taomee.com/about.html" target="_blank" class="hgray" title="关于淘米">关于淘米</a>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp; <a href="http://www.taomee.com/contact.html" target="_blank" class="hgray" title="联系我们">联系我们</a>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp; <a href="http://www.taomee.com/careers.html" target="_blank" class="hgray" title="淘米招聘">淘米招聘</a>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp; <a href="http://www.61.com/about/parents.html" target="_blank" class="hgray" title="父母须知">父母须知</a>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp; <a href="http://www.61.com/about/children.html" target="_blank" class="hgray" title="儿童安全上网">儿童安全上网</a>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp; <a href="http://www.61.com/about/green.html" target="_blank" class="hgray" title="绿色宣言">绿色宣言</a> </div>

    <div class="row hgray"> Copyright©2008-2010 TaoMee Inc. All Rights Reserved. </div>
  </div>
</div>
</body>
</html>